var data_zh = ['你知道吗', '六月', '一日', '星期一', '是', '儿童节'];
var data_en= ['do you know', 'June', 'One day', 'Monday', 'Yes', 'Children\'s day'];
var zwk = document.querySelector("#one");
var zwkt;
var lang = 'zh';
//按钮换色
function switchLan(){
    if(lang == 'zh'){
        lang = 'en';
    }else{
        lang = 'zh';
    }
    var btn1 = document.querySelectorAll("section button");
    btn1[0].classList.remove('action');
    btn1[1].classList.remove('action');
    btn1[3].classList.remove('action');
    btn1[4].classList.remove('action');
    if(lang == 'zh'){
        btn1[0].classList.add('action');
        btn1[1].classList.remove('action');
        btn1[3].classList.add('action');
        btn1[4].classList.remove('action');
    }else{
        btn1[0].classList.remove('action');
        btn1[1].classList.add('action');
        btn1[3].classList.remove('action');
        btn1[4].classList.add('action');
    }
}
//中文翻译英文
    function zhToEn(){
        zwkt = zwk.value;
        for (var k = 0; k <= data_zh.length - 1; k++) {
            if (zwkt === data_zh[k]) {
                document.querySelector("#two").value = data_en[k];
                if(lang == 'en'){
                    switchLan()
                }
            }
        }
    }
//英文翻译中文
    function enToZh(){
        zwkt = zwk.value;
        for(var k =0; k<=data_zh.length-1; k++){
            if (zwkt === data_en[k]){
                document.querySelector("#two").value = data_zh[k];
                if(lang == 'zh'){
                    switchLan()
                }
            }
        }
    }
//启动翻译，并且转换按钮颜色
function res(){
    for (var ms = 0; ms<=data_en.length; ms++){
        zwkt = zwk.value;
        if(zwkt == data_zh[ms] ){
             zhToEn();
        }
        if(zwkt == data_en[ms]){
            enToZh();
        }
    }
}